<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <title>党建会议助手</title>
    <link rel="stylesheet" href="../../../css/mui.min.css" />
    <script src="../../../js/mui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../css/app.css" />
    <link rel="stylesheet" href="../../../npl/css/vant.mini.css" />
    <script src="../../../js/jquery-3.6.0.min.js"></script>
    <script src="../../../js/flexible.js"></script>
    <script src="../../../js/vue.js"></script>
    <script src="../../../js/sm2.js"></script>
    <script src="../../../js/sm3.js"></script>
    <script src="../../../js/clipboard.js"></script>
    <script src="../../../npl/js/vant.mini.js"></script>
    <script src="../../../js/vconsole.min.js"></script>
    <script src="../../text.js" type="text/javascript"></script>

    <link rel="stylesheet" href="../css/github-markdown.css" />
    <link rel="stylesheet" href="../css/realtime.css" />

    <!-- <script src="../js/flexible.js"></script> -->
    <script src="../js/marked.min.js" type="text/javascript"></script>
    <script src="../js/turndown.js" type="text/javascript"></script>
    <script src="../js/util.js" type="text/javascript"></script>
    <script src="../js/stream.js"></script>
    <script src="../js/streamMsg.js"></script>

</head>

<body class="program-body">
    <div id="app" v-cloak>
        <div class="is-loading">
            <div class="curtain">
                <div class="loadingBgc">
                    <div class="loader"></div>
                </div>
            </div>
        </div>
        <div class="trainTickets program-main">
            <div class="header_tit">
                <van-nav-bar title="党建会议助手" :border=false left-arrow>
                    <template #left>
                        <div class="back_l active-brightness" @click="home()">
                            <img src="../../../image/left.png" alt="" />
                        </div>
                    </template>
                    <template #right>
                        <div class="pre-next">
                            <div class="pre active-brightness" @click="preStep()" v-if="currentStep > 2 && currentStep != 6" >
                                <img src="../images/meeting/pre-step.png" alt="" />
                            </div>
                            <div class="next active-brightness"  @click="nextStep()" v-if="currentStep > 1 && currentStep !=6">
                                <img src="../images/meeting/next-step.png" alt=""/>
                            </div>
                        </div>
                    </template>
                </van-nav-bar>
                <div class="program-titles">
                    <van-row class="step-row">
                        <van-col class="step program-step" span="8" v-for="(item, index) in stepList" :key="item.id">
                            <img :src="currentStep >= item.step ? item.acIcon : item.disIcon" />
                        </van-col>
                    </van-row>
                </div>
            </div>
            <!-- 实时语音 -->
            <div v-if="currentStep == 1 && meetingType == 0" class="step1">
                <!--会议标题-->
                <div class="meeting-title">
                  <div class="meeting-title-time">{{createTimeShow}}</div>
                  <div class="meeting-title-cont" @click="editTitle()">{{meetingName}}</div>
                </div>
                <!--实时语音内容-->
                <div class="realtime-main">
                  <textarea readonly="readonly" placeholder=" 注：点击播放按钮开始转写，点击暂停按钮停止转写。" class="realtime-content" type="text"
                  v-model="realtimeVoiceContent" id='realtimeVoiceContent'></textarea>
                </div>
                
                <div v-cloak class='voice-oper'>
                    <div class="oper-btn">
                      <div class='shorthand'>
                        <ul>
                          <li class='uldis'>
                            <div class="liner-box" v-if='checkClick == 1'>
                              <span class="lines">
                                <hr class="hr hr1">
                                <hr class="hr hr2">
                                <hr class="hr hr3">
                                <hr class="hr hr4">
                                <hr class="hr hr5">
                                <hr class="hr hr6">
                                <hr class="hr hr7">
                                <hr class="hr hr8">
                                <hr class="hr hr9">
                                <hr class="hr hr10">
                                <hr class="hr hr11">
                                <hr class="hr hr12">
                                <hr class="hr hr13">
                              </span>
                            </div>
                            <div class="lines1" v-if='checkClick == 0'>
                            </div>
                            <div class='time'>
                              <ul>
                                <li>{{one}}<span>:</span>{{two}}<span>:</span>{{three}}</li>
                              </ul>
                            </div>
                          </li>
                        </ul>
                      </div>
                      <div class="btn_r">
                        <div class="img_box">
                          <div class='start active-brightness bf-btn'
                            v-if='checkClick == 0' @click="startTalk(1)"></div>
                          <div class='start active-brightness stop-btn'
                            v-if='checkClick == 1' @click="stopTalk(1)"></div>
                        </div>
                        <div class="last_Btn">
                          <div class='start active-brightness finish-btn' @click="nextStep"></div>
                        </div>
                      </div>
                    </div>
                </div>
            </div>
            <!-- 上传录音文件 -->
            <div v-if="currentStep == 1 && meetingType == 1" class="step1">
                <div class="file-img" style="padding: 0 0.2rem;">
                    <div :class="[isformClassActive ? 'uploaded_img':'upload_img']">
                        <form class="form-user">
                            <div :class="['form_wrapper']" @click="uploadFunc(3)">
                                <div class="progress-bar" v-if="progressBar">
                                    <van-row class="upload-srow" type="flex" justify="space-around">
                                    <van-col :class="['upload-bg', 'voice-bg']"></van-col>
                                    <van-col class="upload-srow-r">
                                        <van-row class="upload-srow-r1">{{fileName}}</van-row>
                                        <van-row style="margin-top: 10px;">
                                        <van-col span="21">
                                            <van-progress color="rgb(236 83 84)" :percentage="progress" style="margin-top: 8px;"/>
                                        </van-col>
                                        <van-col span="3" v-show="!isfinish">
                                            <span style="font-size: smaller;color: #999;margin-left: 5px;" >{{progress}}%</span>
                                        </van-col>
                                        <van-col span="3" style="padding-top: 5px;" v-show="isfinish">
                                            <div class="finishBg" ></div>
                                        </van-col>
                                        </van-row>
                                    </van-col>
                                    </van-row>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- 离线语音 -->
            <div v-if="currentStep == 2" class="step2">
                <audio ref="audio" id="course-aud" @play="playFunc" @pause="pauseFunc"
                    @timeupdate="timeupdateFunc" @waiting="waitingFunc" preload="auto" @canplay="canplayFunc"
                    @error="errorFunc" :src="audioSrc">
                </audio>
                <div class="offline-main">
                  <div class="offline-header">
                    <div class="offline-header1">
                      <div class="offline-time-icon"></div>
                      <div class="offline-time-duration">{{getVoiceDuration()}}</div>
                      <div class="offline-time-date">{{getCreateTimeDate()}}</div>
                      <div class="offline-time-hour">{{getCreateTimeHour()}}</div>
                    </div>
                    <div class="offline-header2" @click="editTitle()">
                      {{meetingName}}
                    </div>
                  </div>
                  <div class="offline-body" ref="offlineScroll">
                    <div class="transing-body" v-if="transStatus != 1">
                        <div class="form_wrapper">
                            <p class="form_wrapper_loading">
                               <img src="../images/meeting/T29.gif" alt="">
                            </p>
                            <div class="form_wrapper_zt" v-if="transStatus == 0">
                                <div class="form_wrapper_zt_img">
                                    <img src="../images/meeting/lu_play.png" alt="">
                                </div>
                                <div style="margin-left:0.15rem;">
                                    <p style="margin-top:7px" class="form_text" v-text="transingTip"></p>
                                    <div style="color: #ee5d5d; font-size: 12px;">
                                        还需等待{{ recordTime | recordTimeText }}
                                    </div>
                                </div>
                            </div>
                            <div class="form_wrapper_zt" v-else>
                                <div class="form_wrapper_zt_img">
                                    <img src="../images/meeting/lu_play.png" alt="">
                                </div>
                                <p style="margin:.4rem 0 0 .15rem" class="form_text" v-text="transingTip"></p>
                            </div>
                       </div>
                    </div>
                    <div v-if="transStatus == 1" id="targetDiv">
                        <div class="offline-play-bar" 
                            @mousedown="isDraging = true" @mouseup="isDraging = false">
                            <van-slider class="offline-play-bar-slider" v-model="playProcess" button-size="12px" active-color="rgb(185, 235, 245)"
                                vertical
                                @change="setProcessFunc" />
                        </div>
                        <div class="centent_wrapper" ref="cententWrapper" id="centent_wrapper" :contenteditable="isEditable">
                            <div v-cloak v-for="(item,index) in audio_speaker_content" >
                                <div contenteditable="false" class="title_header" :id="item.paragraphId" @click="handleSpeakerEdit(item,0)"
                                    :style="getSpeakerNameColor(item.speakerName)">{{item.speakerName + ':'}}</div>
                                <!-- <strong class="title_header"
                                    :style="getSpeakerNameColor(item.speakerName)">:</strong> -->
                                <div class="text_box" :id="content.serialNum" :data-id="content.serialNum" 
                                    v-for="(content,contentIndex) in item.content" :key="content.serialNum"
                                    @click="readText(content)" :contenteditable="isEditable">{{content.word}}</div>
                            </div>
                        </div>
                    </div>
                  </div>
                  <div class="offline-oper">
                    <div class="chat-a-btn-l">
                      <van-dropdown-menu active-color="#FF0000" direction="up">
                        <van-dropdown-item v-model="playSpeed" :options="speedList" @change="clickFunc('speed')"/>
                      </van-dropdown-menu>
                      <div class="offline-play" v-if="!isPlaying" @click="clickFunc('play')"></div>
                      <div class="offline-pause" v-if="isPlaying" @click="clickFunc('pause')"></div>
                    </div>
                    <div class="chat-a-btn-r">
                      <div class="offline-edit" @click="handleOfflineEdit"></div>
                      <div class="offline-copy" @click="handleOfflineCopy"></div>
                    </div>
                  </div>
                </div>
                <!-- <div class="offline-bottom">
                  <van-button class="submit-btn" @click="nextStep()">文档校核</van-button>
                </div> -->
            </div>
            <!-- 文档校核 -->
            <div v-if="currentStep == 3" class="step3">
                <div :class="['step3-main', showErrDialog ? 'step3-main-short' : 'step3-main-normal']">
                    <div class="check-content-container">
                        <div class="check-content-title">{{meetingName}}</div>
                        <div id="checkContentHtml" class="check-content-main" :contenteditable="isCheckEditable">
                            <p v-for="(item,index) in checkContentList" :data-id="item.id" @click="handleSpeakerEdit(item,1)"
                                :contenteditable="item.showSpeakerName?false:isCheckEditable"
                                :class="[item.showSpeakerName ? 'check-content-speaker':'check-content-text']"
                                :style="item.showSpeakerName? getSpeakerNameColor(item.speakerName):''"
                                v-html="item.showSpeakerName?(item.speakerName+':'):item.word">
                            </p>
                        </div>
                    </div>
                    <div class="check-oper">
                        <div class="chat-a-btn-l">
                        </div>
                        <div class="chat-a-btn-r">
                            <div class="offline-edit" @click="handleCheckEdit"></div>
                        </div>
                    </div>
                </div>
                <div class="step3-bottom">
                    <div class="step3-quick-btn" @click="selErrorType(errorList[0])">
                        <div class="step3-quick-left">
                            <span style="color: #666666;">共有</span>
                            <span
                                style="color: red;font-size: 20px;padding: 0px 3px;text-decoration: underline;">{{errorList[0].count}}</span>
                            <span style="color: #666666;">处错误</span>
                        </div>
                        <div class="step3-quick-right">
                            <van-icon :name="showErrDialog?'arrow-down':'arrow-up'" />
                        </div>
                    </div>
                    <!-- <div class="step3-bottom-btn">
                        <van-button :disabled="0==errorCount" type="default" class="step3-btn-l"
                            @click="neglectAll()">一键忽略</van-button>
                        <van-button :disabled="0==errorCount" class="step3-btn-r" @click="modifyAll()">一键更正</van-button>
                    </div> -->
                </div>
            </div>
            <!-- 生成内容--表单填写 -->
            <div v-if="currentStep == 4" class="step4">
              <!-- 主题 -->
              <div class="subject">
                <div class="field-label">
                    <span class="tit_text">主题</span><span class="first_span_img">*</span>
                </div>
                <div class="subject-title">
                    <input id="voiceSubjectTitle" :readonly="1==voiceType" @focus="handleInputFocus" @blur="handleInputBlur" class="subject-input" placeholder="示例：XXXX党建工作会议" v-model="form.subjectTitle" />
                    <div class="img-div active-brightness" v-if="4!=voiceType" @click="startTalk(4)">
                        <img class="subject-voice" src="../images/meeting/voice-play.png" />
                    </div>
                    <div class="img-div active-brightness" v-if="4==voiceType" @click="stopTalk(4)">
                        <img class="subject-voice"  src="../images/meeting/offline-stop.png" />
                    </div>
                </div>
              </div>
              <!-- 会议通知 -->
              <div class="subject">
                  <div class="field-label">
                      <span class="tit_text">会议通知</span><span class="first_span_img"></span>
                  </div>
                  <div v-if="form.notificationFile.id" class="subject-title">
                      <div class="file-row">
                          <div class="file-row-l"><img class="img"
                                  :src="'../images/'+form.notificationFile.img+'.png'" />
                          </div>
                          <div class="file-row-m">
                              <div class="file-name">{{ form.notificationFile.fileName }}</div>
                              <div class="file-desc">{{ form.notificationFile.type }}<span
                                      style="margin: 0 0.1rem 0 0.1rem;"></span>{{form.notificationFile.fileSize}}</div>
                          </div>
                          <div class="file-row-r active-brightness" @click="delFile(0)">
                              <img class="upload-btn" src="../images/close.png"/>
                          </div>
                      </div>
                  </div>
                  <div v-else class="subject-title">
                      <input readonly class="subject-input" placeholder="支持上传PDF和图片" v-model="form.notificationFile.id"/>
                      <div v-if="!form.notificationFile.id && 0 != fileType" class="img-div active-brightness" @click="uploadFunc(0)">
                          <img class="subject-voice" src="../images/meeting/upload-btn.png" />
                      </div>
                      <div v-if="!form.notificationFile.id && 0 == fileType" class="file-row-r">
                        <img class="upload-btn" src="../../../image/loading2.gif"/>
                      </div>
                  </div>
              </div>
              <!-- 会议记录 -->
              <div class="subject">
                  <div class="field-label">
                      <span class="tit_text">会议记录</span><span class="first_span_img">*</span>
                  </div>
                  <div v-if="form.recordFile.id" class="subject-title">
                      <div class="file-row">
                          <div class="file-row-l"><img class="img"
                                  :src="'../images/meeting/word.png'" />
                          </div>
                          <div class="file-row-m">
                              <div class="file-name">{{ form.recordFile.fileName }}</div>
                              <div class="file-desc">{{ form.recordFile.type}}<span
                                      style="margin: 0 0.1rem 0 0.1rem;"></span>{{form.recordFile.fileSize}}</div>
                          </div>
                          <!-- <div class="file-row-r" @click="uploadFunc(2)">
                              <img class="upload-btn" src="../images/write/upload-btn.png"/>
                          </div> -->
                          <div class="file-row-r active-brightness" @click="delFile(2)">
                              <img class="upload-btn" src="../images/close.png"/>
                          </div>
                      </div>
                  </div>
                  <div v-else class="subject-title">
                      <input readonly class="subject-input" placeholder="上传WORD文档"/>
                      <div v-if="!form.recordFile.id && 2 != fileType" class="img-div active-brightness" @click="uploadFunc(2)">
                          <img class="subject-voice" src="../images/meeting/upload-btn.png" />
                      </div>
                      <div v-if="!form.recordFile.id && 2 == fileType" class="file-row-r">
                        <img class="upload-btn" src="../../../image/loading2.gif"/>
                      </div>
                  </div>
                </div>
                <!-- 重要发言人 -->
                <!-- <div class="subject">
                    <div class="field-label">
                        <span class="tit_text">重要发言人</span><span class="first_span_img"></span>
                    </div>
                    <div class="subject-title">
                        <input id="voiceHighlight" :readonly="2==voiceType" @focus="handleInputFocus" @blur="handleInputBlur" class="subject-input" placeholder="" v-model="form.highlight" />
                        <div class="img-div active-brightness" v-if="2!=voiceType" @click="startTalk(2)">
                            <img class="subject-voice" src="../images/meeting/voice-play.png" />
                        </div>
                        <div class="active-brightness" v-if="2==voiceType" @click="stopTalk(2)">
                            <img class="subject-voice" src="../images/meeting/offline-stop.png"/>
                        </div>
                    </div>
                </div> -->
                <!-- 生成内容按钮 -->
                <!-- <div class="bottom">
                  <van-button v-if="bottomShow" class="submit-btn" @click="nextStep()">生成内容</van-button>
                </div> -->
            </div>
            <!-- 生成内容--扩写... -->
            <div v-if="currentStep == 5" class="step5">
              <div id="step5Main" :class="['step5-main', improveFile.id ? 'add-file':'no-file']">
                  <div ref="contentRef" class="step5-f">
                      <div id="myPopover" class="my-popover active-brightness" @click="handleEditPContent">
                          <div><span>编辑</span></div>
                          <div class="edit-arrow"></div>
                      </div>
                    <div id="step5-mdBody" class="step5-content markdown-body" v-html="programHtmlContent">
                    </div>
                  </div>
              </div>
              <div class="step5-bottom">
                  <div class="upload-file-div" v-if="improveFile.id">
                      <div class="file-close active-brightness" @click="delFile(1)">
                          <img src="../images/close.png" alt="" />
                      </div>
                      <div class="tip-f active-brightness" @click="preview(improveFile)">
                          <div class="chat-f-l">
                              <img v-if="'word'==improveFile.type" src="../images/meeting/word.png" alt="" />
                              <img v-if="'IMG'==improveFile.type" src="../images/img.png" alt="" />
                          </div>
                          <div class="chat-f-r">
                              <div class="chat-f-r1">{{ improveFile.fileName }}</div>
                              <div class="chat-f-r2">
                                  <span class="chat-f-r2-f">
                                      {{ improveFile.type }}
                                  </span>
                                  <span class="chat-f-r2-s">
                                      {{ improveFile.fileSize }}
                                  </span>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="quick-btn">
                      <div :class="['spanBackGround active-brightness', quickSel == item.type ? 'quick-sel assist-btn' : '']"
                          v-for="item in quickList" :key="item.id" @click="selQuickType($event, item)">{{item.title}}
                      </div>
                  </div>
                  <!-- 提问框 -->
                  <div class="search">
                      <div class="img-div active-brightness" v-if="3!=voiceType" @click="handleImproveTalk">
                          <img class="voice-img" src="../images/meeting/voice-play.png" />
                      </div>
                      <div class="img-div active-brightness" v-if="3==voiceType" @click="stopTalk(3)">
                          <img class="voice-stop-img" src="../images/meeting/stop-big.png" />
                      </div>
                      <input id="voiceRequireText" :readonly="3==voiceType" class="search-text" placeholder="请输入要求和上传文件" v-model="requireText" />
                      <div class="img-div active-brightness" @click="uploadFunc(1)">
                          <img class="upload-img" src="../images/meeting/upload-btn.png" />
                      </div>
                      <div class="img-div active-brightness" v-if="quickSel" @click="genImprove">
                          <img class="send-img" src="../images/meeting/send.png" />
                      </div>
                      <div class="img-div" v-if="!quickSel">
                          <img class="send-img" src="../images/meeting/no-send.png" />
                      </div>
                  </div>
              </div>
            </div>
            <!-- 生成摘要文档 -->
            <div v-if="currentStep == 6" class="step6">
                <div class="program-result">
                    <div class="program">
                        <div class="program-item active-brightness" v-if="wordResult.id" @click="preview(wordResult)">
                            <div class="program-item-left">
                                <img :src="'../images/meeting/word.png'" />
                            </div>
                            <div class="program-item-right">
                                <div class="right-title">{{ wordResult.fileName }}</div>
                                <div class="right-desc">WORD<span
                                        style="margin: 0 0.1rem 0 0.1rem;"></span>{{wordResult.fileSize}}</div>
                            </div>
                        </div>
                        <div class="program-item" v-else>
                            <div class="program-item-left">
                                <img :src="'../images/meeting/word.png'" />
                            </div>
                            <div class="program-item-right2">
                                <img src="../images/meeting/T29.gif" />
                                <div class="loading-tip">文件正在生成中</div>
                            </div>
                        </div>
                        <van-divider
                            :style="{ color: '#999', borderColor: '#999', padding: '0 16px' }"></van-divider>
                        <div class="program-btn">
                            <!-- <div v-if="wordResult.id" class="img-div-l img-div active-brightness" @click="createPdf(wordResult)">
                                <img :src="pptLoading ? '../images/meeting/pdf-gray.png' : '../images/meeting/pdf-light.png'"
                                     />
                            </div> -->
                            <div class="img-div">
                                <div v-if="wordResult.id" class="img-div active-brightness" @click="shareIgw(wordResult)">
                                    <img src="../images/meeting/share.png" />
                                </div>
                                <div v-if="wordResult.id" class="img-div active-brightness" @click="sendMyEmail(wordResult)">
                                    <img src="../images/meeting/send-mail.png" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="program">
                        <div class="program-item active-brightness" v-if="offlineWord.id" @click="preview(offlineWord)">
                            <div class="program-item-left">
                                <img :src="'../images/meeting/lu_play.png'" />
                            </div>
                            <div class="program-item-right">
                                <div class="right-title">{{ offlineWord.fileName }}</div>
                                <div class="right-desc">{{offlineWord.type}}<span
                                        style="margin: 0 0.1rem 0 0.1rem;"></span>{{offlineWord.fileSize}}</div>
                            </div>
                        </div>
                        <div class="program-item" v-else>
                            <div class="program-item-left">
                                <img :src="'../images/meeting/lu_play.png'" />
                            </div>
                            <div class="program-item-right2">
                                <img src="../images/meeting/T29.gif" />
                                <div class="loading-tip">文件正在生成中</div>
                            </div>
                        </div>
                        <van-divider
                            :style="{ color: '#999', borderColor: '#999', padding: '0 16px' }"></van-divider>
                        <div class="program-btn">
                            <!-- <div v-if="offlineWord.id" class="img-div-l img-div active-brightness" @click="createPdf(wordResult)">
                                <img :src="pptLoading ? '../images/meeting/pdf-gray.png' : '../images/meeting/pdf-light.png'"
                                     />
                            </div> -->
                            <div class="img-div">
                                <div v-if="offlineWord.id" class="img-div active-brightness" @click="shareIgw(offlineWord)">
                                    <img src="../images/meeting/share.png" />
                                </div>
                                <div v-if="offlineWord.id" class="img-div active-brightness" @click="sendMyEmail(offlineWord)">
                                    <img src="../images/meeting/send-mail.png" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="program" v-if="pptLoading">
                        <div class="program-item active-brightness" v-if="wordResult.id && pptResult.id" @click="preview(pptResult)">
                            <div class="program-item-left">
                                <img :src="'../images/pdf.png'" />
                            </div>
                            <div class="program-item-right">
                                <div class="right-title">{{ pptResult.fileName }}</div>
                                <div class="right-desc">PDF<span
                                        style="margin: 0 0.1rem 0 0.1rem;"></span>{{pptResult.fileSize}}</div>
                            </div>
                        </div>
                        <div class="program-item" v-if="wordResult.id && !pptResult.id">
                            <div class="program-item-left">
                                <img :src="'../images/pdf.png'" />
                            </div>
                            <div class="program-item-right2">
                                <img src="../../../image/loading2.gif" />
                                <div class="loading-tip">文件正在生成中</div>
                            </div>
                        </div>
                        <van-divider
                            :style="{ color: '#999', borderColor: '#999', padding: '0 16px' }"></van-divider>
                        <div class="program-btn">
                            <div class="img-div-l"></div>
                            <div class="img-div">
                                <div v-if="pptResult.id" class="img-div active-brightness" @click="shareIgw(pptResult)">
                                    <img src="../images/meeting/share.png" />
                                </div>
                                <div v-if="pptResult.id" class="img-div active-brightness" @click="sendMyEmail(pptResult)">
                                    <img src="../images/meeting/send-mail.png" />
                                </div>
                            </div>
                        </div>
                    </div> -->
                </div>
            </div>

            <!-- <audio ref="audio" id="course-aud" @play="playFunc" @pause="pauseFunc"
                @timeupdate="timeupdateFunc" @waiting="waitingFunc" preload="auto" @canplay="canplayFunc"
                @error="errorFunc" :src="audioSrc">
            </audio> -->
            <!-- 发言人编辑弹框 -->
            <van-popup class="speaker-popup" closeable :close-on-click-overlay="false" v-model="showSpeakerPop">
                <van-form>
                    <van-field class="speaker-popup-field" v-model="updateSpeakerName" label="名称：" placeholder="请输入发言人" maxlength="100" />
                </van-form>
                <div class="speaker-popup-btn">
                  <div>
                      <van-button class="qx" @click="editSpeakerCurrent">修改</van-button>
                      <van-button class="tj" color="#19aeb0" @click="editSpeakerConfirm">全局修改</van-button>
                  </div>
                </div>
            </van-popup>
            <!-- 标题编辑弹框 -->
            <van-popup style="width: 80%; padding: 20px 10px 10px;
                justify-content: space-around;flex-direction: column;" :close-on-click-overlay="false" round v-model="showMTitlePop">
              <van-form>
                <div style="text-align: center;font-size: 18px;font-weight:bold;">标题重命名</div>
                <van-field v-model="editMeetingName" class="edit_title_input" placeholder="请输入标题" maxlength="100" />
              </van-form>
              <div class="edit_title__btn">
                <van-button type="default" round @click="cancelTitleEdit">取消</van-button>
                <van-button type="primary" color="#13C09B" round @click="handleMeetitleEdit">确定</van-button>
              </div>
            </van-popup>
            <!-- 错误列表 -->
            <van-popup class="error-dialog" v-model="showErrDialog" close-on-click-overlay :message-align="left" closeable round :overlay="false" position="bottom" 
                :style="{ height: '40%' }">
                    <div class="dialog_title">
                        <span style="color: #666666;">共有</span>
                        <span
                            style="color: red;font-size: 20px;padding: 0px 3px;text-decoration: underline;">{{errorList[0].count}}</span>
                        <span style="color: #666666;">处错误</span>
                    </div>
                    <van-divider style="width:100%;margin:0px !important;"></van-divider>
                    <div class="dialog_content">
                        <div v-for="item in errContList" :key="item.id" class="err-item">
                            <div class="err-item-row" @click="toErrorPos(item)">
                                <div class="err-cont">
                                    <span class="err-err-cont">{{item.cont}}</span><img src="../images/meeting/right-arrow.png" /><span>{{item.rightCont}}</span>
                                </div>
                                <div class="active-brightness" >
                                    <van-icon :name="item.expand?'arrow-up':'arrow-down'" />
                                </div>
                            </div>
                            <div v-if="item.expand" class="err-item-row err-item-btn">
                                    <div class="err-oper-btn" @click="handleIgnoreError(item)">
                                        <img src="../images/meeting/ingore.png" />忽略
                                    </div>
                                    <div class="err-oper-btn" @click="handleEditError(item)">
                                        <img src="../images/meeting/err-replace.png" />修改
                                    </div>
                            </div>
                        </div>
                    </div>
                    <div class="step3-bottom-btn">
                        <van-button type="default" class="step3-btn-l"
                            @click="neglectAll()">一键忽略</van-button>
                        <van-button class="step3-btn-r" @click="modifyAll()">一键更正</van-button>
                    </div>
            </van-popup>
            <!-- @Deprecated 错误列表 -->
            <!-- <van-dialog class="error-dialog" v-model="showErrDialog" :show-confirm-button="false" close-on-click-overlay :message-align="left" :overlay="false">
                <template #title>
                    <div class="">
                      <span class="dialog_title">{{errTitle}}</span>
                      <van-icon class="close active-brightness" @click="closeErrDialog()" name="cross">
                      </van-icon>
                    </div>
                  </template>
                  
                  <template #default>
                    <van-divider style="width:100%;"></van-divider>
                    <div class="dialog_content">
                        <div v-for="item in errContList" :key="item.id" class="err-item">
                            <div class="err-cont">
                                {{item.cont}}
                            </div>
                            <div class="err-btn active-brightness" @click="toErrorPos(item)">定位{{item.id}}</div>
                        </div>
                    </div>
                  </template>
            </van-dialog> -->
            <!-- @Deprecated 定位弹窗 -->
            <!-- <van-dialog v-model="showPositionDialog" show-cancel-button 
                confirm-button-text="修改" cancel-button-text="忽略" 
                @confirm="handleEditError" @cancel="handleIgnoreError">
                <template #title>
                    <div class="">
                      <span class="dialog_title">修改意见</span>
                      <van-icon class="close active-brightness" @click="closePositionDialog()" name="cross">
                      </van-icon>
                    </div>
                  </template>
                  
                  <template #default>
                    <van-divider style="width:100%;"></van-divider>
                    <div class="dialog_content">
                        原味内容:“{{updateError.cont}}”
                    </div>
                    <div class="dialog_content">
                        修改意见:“{{updateError.rightCont}}”
                    </div>
                  </template>
            </van-dialog> -->
            <!-- 一键更正或忽略弹窗 -->
            <van-dialog v-model="showMDialog" title="一键更正" message="是否将所有错误批量修改？"  confirm-button-color="#6090BE" show-cancel-button @confirm="mConfirm()" @cancle="mCancle()">
            </van-dialog>
            <van-dialog v-model="showNDialog" title="一键忽略" message="是否将所有错误批量忽略？" confirm-button-color="#6090BE" show-cancel-button @confirm="nConfirm()" @cancle="nCancle()">
            </van-dialog>

            <!-- 内容编辑 -->
            <van-action-sheet class="cont-edit-sheet" v-model:show="showEditDialog" title="编辑" closeable>
                <div class="cont-edit-item">
                    <div class="cont-area">
                        <van-field v-model="editGenCont" rows="5" autosize type="textarea">
                            <template v-slot:input>
                                <div class="markdown-body" contenteditable="true" v-html="editGenCont" @input="changeCont($event)"></div>
                            </template>
                        </van-field>
                    </div>
                    <div class="p-edit-foot">
                        <van-button class="p-edit-btn-cancle" @click="editCancle()">取消</van-button>
                        <van-button class="p-edit-btn-confirm" @click="editConfirm()">确定</van-button>
                    </div>
                </div>
            </van-action-sheet>
            <!-- 续写扩写润色 -->
            <van-action-sheet class="p-edit-sheet" v-model:show="showExConPo" :title="writeTitle" closeable>
                <div class="extend-edit-item">
                    <div class="extend-edit-cont markdown-body" ref="improveRef">
                        <div id="improveDiv" v-html="replaceHtmlContent"></div>
                    </div>
                </div>
                <div class="extend-edit-foot">
                    <van-button type="default" class="p-edit-btn-cancle stop-btn2" @click="stopGen()" v-if="generating" icon ="../images/meeting/stop-big.png"/>停止生成</van-button>
                    <div class="img-div active-brightness" @click="reGen()" v-if="!generating">
                        <img class="extend-rewrite-btn" src="../images/meeting/rewrite.png" />
                    </div>
                    <van-button class="extend-edit-btn-cancle" @click="contentCancle()" v-if="!generating">取消</van-button>
                    <van-button class="extend-edit-btn-confirm" @click="contentReplace()" v-if="!generating">替换</van-button>
                </div>
            </van-action-sheet>
        </div>
    </div>

    <script src="../js/realtime.js"></script>
</body>

</html>